<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
        .box {
            width: 200px;
            height: 200px;

        }
    </style>
</head>

<body>

</body>
<script>
    // 数组 可以存储多条(一般是相同类型的  由于JS是弱类型的语言 => 存不同类型的也可以)
    // 缺点: 对数据的描述不够详细
    var arr = ["张三", 75, 66, 77];
    //           0     1   2   3

    // 对象(数据):  对一个或一类事物特征和行为的描述

    // 对象是以键值对(key:value)的形式存在

    // 注意: 
    // 对象的键名也是字符串类型,可以省略不写
    // 键值可以是任意类型 => 根据键值又划分为 属性和方法

    // 如何创建对象?
    // (1)  字面量创建
    var obj = {}
    console.log(obj);

    // var obj = {
    //     // 键名(属性名): 键值(属性值)
    //     "name": "张三",
    //     "age": 18,
    //     "chinese": 75,
    //     "math": 66,
    //     "english": 77
    // }
    // console.log(obj);

    // var obj = {
    //     // 键名(属性名): 键值(属性值)
    //     name: "张三",
    //     age: 18,
    //     chinese: 75,
    //     math: 66,
    //     english: 77
    // }
    // console.log(obj);

    // (2) 构造函数创建
    // var obj = new Object();
    // console.log(obj);

    // var obj = new Object({
    //     name: "张三",
    //     age: 18,
    //     chinese: 75,
    //     math: 66,
    //     english: 77
    // });
    // console.log(obj);


    var obj = new Object({
        name: "张三", // 属性
        age: 18,
        isStudy: true,
        chinese: 75,
        math: 66,
        english: 77,
        hobby: ["唱", "跳", "rap"],
        say: function () { // 函数 => 方法
            console.log("hello");
        }
    });
    console.log(obj);












</script>

</html>